<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>分享页</title>
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/share.css" />

	</head>

	<body>
		<!--用户信息-->
		<div class="share-head">
			<div class="share-head-warp">
				<div class="share-head-img"></div>
				<div class="share-head-info">
					<p id="playerName">张三</p>
					<span id="playtime">2018-05-14 <em>20:00</em></span>
				</div>
			</div>
		</div>
		<!--类别-->
		<div class="share-type">
			<div class="share-type-warp">
				<p class="share-type-name" id="playerType">原地踩球</p>
				<div class="share-type-dataWarp">
					<div class="share-type-num" id="gameScroe">0</div>
					<div class="share-type-info" id="gameLeve">ROOKIE</div>
				</div>
				<img class="share-type-img" src="img/share/pic_juggle_l.png">
			</div>
		</div>
		<!--数据-->
		<div class="share-data">
			<div class="share-data-warp clearfix" id="shareCon" >
				<div class="share-data-col3">
					<div class="share-data-num" id="usetime">0</div>
					<div class="share-data-span">时间<span>s</span></div>
				</div>
				<div class="share-data-col3">
					<div class="share-data-num" id="rate">0</div>
					<div class="share-data-span">频率<span>次/s</span></div>
				</div>
				<div class="share-data-col3">
					<div class="share-data-num" id="rotate">0</div>
					<div class="share-data-span">旋转<span>r/s</span></div>
				</div>
				<div class="share-data-col2">
					<div class="share-data-num" id="fluency">0</div>
					<div class="share-data-span">流畅度</div>
				</div>
				<div class="share-data-col2">
					<div class="share-data-num" id="floor">0</div>
					<div class="share-data-span">落地<span>次</span></div>
				</div>
			</div>
			
		</div>
		<!--分数-->
		<div class="share-score">
			<div class="share-score-line"></div>
			<div class="share-score-starWarp" id="starCon">
				<img class="share-score-star" src="img/share/ic_star_blank.png">
				<img class="share-score-star" src="img/share/ic_star_blank.png">
				<img class="share-score-star" src="img/share/ic_star_blank.png">
				<label>+<span class="share-score-addNum" id="ranking" >0</span></label>
			</div>
		</div>
	</body>

	</body>
	<script src="./js/lib/jquery-3.1.0.min.js"></script>
	<script src="./js/main.js"></script>

</html>